HTML and CSS Chapters  5 and 15

Topic 1-Images

There is two ways to put an image on your site, embedded in the HTML or in the CSS. Images can help make your page look professional and help break up the text. If you don't have images you have taken yourself you can purchase images online or use royality free images. 

Topic 2-Inserting Images

To add an image in the HTML you need to use the tag <img>. To find an image that is saved in your files easier you can use the src rule to locate the image. Your image must be saved in your main site root folder under the images file. All images must be labled to so people who cant see can still identify the image.                             

Topic 3-Layout

When you design a page layout it is critical to come up with a plan before you design. When you begin designing think in boxes. Most designs will be a box inside a box inside a box. The otter most box is usually called a container. The boxes inside the container can be DIVs, articles, or any other structure element.